<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>



    img{
        width: 97%;
        height: 200px;
    }
    .zi{
        float: left;

    }
</style>
<body>
    <div style="width: 100%;">
     <p align="left">精品推荐</p>
     <p align="right">查看全部</p>
    <ul style="display: inline;list-style: none;">
        <div class="zi" >
                 <li ><img src="红旗.png">
            <div style="clear: both;"></div>
             <b><font>Tink PHP5.0博客系统实战<br>项目演练</font></b>
             <p><font style="color: orange;">高级</font> <font style="font-size: 10px; color: #a2a1a1f2;">.1125人在学习</font></p>
        </li> 
        </div>
        <div class="zi" >
            <li ><img src="红旗.png">
       <div style="clear: both;"></div>
        <b><font>Tink PHP5.0博客系统实战<br>项目演练</font></b>
        <p><font style="color: orange;">高级</font> <font style="font-size: 10px; color: #a2a1a1f2;">.1125人在学习</font></p>
   </li> 
   </div>
   <div class="zi" >
    <li ><img src="红旗.png">
<div style="clear: both;"></div>
<b><font>Tink PHP5.0博客系统实战<br>项目演练</font></b>
<p><font style="color: orange;">高级</font> <font style="font-size: 10px; color: #a2a1a1f2;">.1125人在学习</font></p>
</li> 
</div>
<div class="zi" >
    <li ><img src="红旗.png">
<div style="clear: both;"></div>
<b><font>Tink PHP5.0博客系统实战<br>项目演练</font></b>
<p><font style="color: orange;">高级</font> <font style="font-size: 10px; color: #a2a1a1f2;">.1125人在学习</font></p>
</li> 
</div>


<div class="zi" >
    <li ><img src="红旗.png">
<div style="clear: both;"></div>
<b><font>Tink PHP5.0博客系统实战<br>项目演练</font></b>
<p><font style="color: orange;">高级</font> <font style="font-size: 10px; color: #a2a1a1f2;">.1125人在学习</font></p>
</li> 
</div>

<div class="zi" >
    <li ><img src="红旗.png">
<div style="clear: both;"></div>
<b><font>Tink PHP5.0博客系统实战<br>项目演练</font></b>
<p><font style="color: orange;">高级</font> <font style="font-size: 10px; color: #a2a1a1f2;">.1125人在学习</font></p>
</li> 
</div>
<div class="zi" >
    <li ><img src="红旗.png">
<div style="clear: both;"></div>
<b><font>Tink PHP5.0博客系统实战<br>项目演练</font></b>
<p><font style="color: orange;">高级</font> <font style="font-size: 10px; color: #a2a1a1f2;">.1125人在学习</font></p>
</li> 
</div>
<div class="zi" >
    <li ><img src="红旗.png">
<div style="clear: both;"></div>
<b><font>Tink PHP5.0博客系统实战<br>项目演练</font></b>
<p><font style="color: orange;">高级</font> <font style="font-size: 10px; color: #a2a1a1f2;">.1125人在学习</font></p>
</li> 
</div>
<div class="zi" >
    <li ><img src="红旗.png">
<div style="clear: both;"></div>
<b><font>Tink PHP5.0博客系统实战<br>项目演练</font></b>
<p><font style="color: orange;">高级</font> <font style="font-size: 10px; color: #a2a1a1f2;">.1125人在学习</font></p>
</li> 
</div>
<div class="zi" >
    <li ><img src="红旗.png">
<div style="clear: both;"></div>
<b><font>Tink PHP5.0博客系统实战<br>项目演练</font></b>
<p><font style="color: orange;">高级</font> <font style="font-size: 10px; color: #a2a1a1f2;">.1125人在学习</font></p>
</li> 
</div>



        
    </ul>

    </div>
</body>
</html>